@media (min-width: 700px) {
  /* ········· ········· 设置滚动条的样式 ········· ········· */
  .list-scroll::-webkit-scrollbar {
    /* 滚动条整体样式 */
    width: 10px;
    height: 0;
  }

  .list-scroll::-webkit-scrollbar-thumb {
    /* 滚动条里面小方块 */
    border-radius: 10px;
    background-color: rgba(135, 207, 235, 0.5);
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
    );
  }
  .list-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(135, 207, 235, 1);
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.5) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0.5) 75%,
      transparent 75%,
      transparent
    );
  }
}
